//获取元素对象
var tabs=document.getElementsByClassName('tab-head-div');
var divs=document.getElementsByClassName('tab-body-div');
//给标签对象循环添加鼠标移入事件
for(var i=0;i<tabs.length;i++){
	tabs[i].onmouseover=function(){
		//循环判断哪个tab是当前鼠标移入对象
		for(var j=0;j<divs.length;j++){
			if(this==tabs[j]){
				//下面这句给元素添加了class名：current
				//等同于css里设置的3条语句
				tabs[j].classList.add('current');
				divs[j].classList.add('current');
			}else{
				//去除元素的class名
				tabs[j].classList.remove('current');
				divs[j].classList.remove('current');
			}
		}
	};
}





